<?php include '../header.php'; ?>
        <title>Buscar Plan</title>
        <style>
            div.opcion {
                height:50px;
                border-color: khaki;border-style:solid;border-width:0 0 1px 0;
                cursor:  pointer;
                padding: 5px 0 10px 0;
            }
            div.opcion:hover {
                background-color:lemonchiffon;
            }
/*            img.thumb {
                border:solid 1px #500;
                border-radius: 10px;
                background-color:white;
                padding:2px;
                box-shadow: 1px 1px 8px #999;
            }*/
        </style>
    </head>
    <body>
        <?php include'../menus/menuUsuario.php'; ?>
        <div id="principal">
            
        <?php include '../usuarios/pestanasMiPerfil.php'; ?>
        
        <div style="float:left;padding:0 10px 0 10px;margin:20px 10px 0 10px;width:220px;">
            <?php include 'panelProyectos.php' ?>
        </div>
        
       
        
        <!-- listado de proyectos -->
        <div style="float:left;width:calc(100% - 270px);margin:10px 10px 0px 10px;">
            <?php
                if ($planes = proyectosParticipe($_SESSION['uid'])) {
                    
//                    include '../logic/funcionesChachis.php';

                    //Preparamos los datos para la paginación
                    $resPorPagina = 16;

                    if(!isset($_GET['pagina'])) {
                        $_GET['pagina'] = 1;
                    }
                    $resultados = paginar(count($planes), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

                    $i = $resultados['i'];
                    while ($i < $resultados['max']) {
                    ?>
                            <!-- NUEVA FORMA DE ESTRUCTURAR CONTENIDOS. POR TARJETAS-->
                            <div class="tarjeta" onClick='javascript:document.proyecto<?php echo $i; ?>.submit()'>
                                <div style="position:absolute;right:0px;bottom:0px;overflow:hidden;z-index:0;">
                                    <div style="position:relative;right:-32px;bottom:-35px;z-index:0">
                                       <img style="opacity:0.4;filter:alpha(opacity=40);" src="../<?php echo $planes[$i]['imagenTipoPlan']; ?>">
                                    </div>
                                </div>
                                <div style="position:relative;background-color:black;width:150px;height:90px;overflow:hidden;">
                                    <img style="width:100%;height:auto" src="../<?php echo $planes[$i]['imagen'] ?>">
                                    
                                </div>
                                <div style="position:relative;background-color:#5789ae;color:white;margin-top:5px;font-weight:bold;font-size:13px;text-align:center;width:100%;">
                                    <?php echo $planes[$i]['rol'] ?>
                                </div>
                                <div style="position:relative;text-align:center;font-weight:bold;margin-top:5px;width:100%;color:black">
                                    <?php echo $planes[$i]['titular'] ?>
                                </div>
                                <div style="position:relative;float:left;padding-top:10px;text-align:center;width:100%;font-size:12px;font-weight:bold">
                                    <?php echo $planes[$i]['nombreMunicipio'];?> 
                                    <br><font style="font-weight:normal;">Provincia de <?php echo $planes[$i]['nombreProvincia']?></font>
                                </div>

                                <div style="position:relative;float:left;width:0px;height:0px;padding-right:5px;text-align:center">
                                    <form name="proyecto<?php echo $i; ?>" method="post" action="plan.php">
                                        <input type="hidden" value="<?php echo $planes[$i]['idPlan'] ?>" name="pid">
                                        <input type="hidden" value="<?php echo $planes[$i]['idProyecto'] ?>" name="uid">
                                    </form>
                                </div>
                                
                                <div style="position:absolute;left:4px;bottom:4px">
                                    <img class="thumb" style="width:35px;" src="../<?php echo $planes[$i]['foto']; ?>" title="<?php echo $planes[$i]['nombreUsuario'].' '.$planes[$i]['apellidos']; ?>">
                                </div>
                                <?php include 'etiquetasProyectos.php' ?>
                                <div class="calendario">
                                    <div style="width:100%;color:white;background-color:red;text-align:center;font-weight:bold"><?php echo anyo($planes[$i]['fecha']) ?></div>
                                    <div style="width:100%;color:black;background-color:white;text-align:center;font-weight:bold"><?php echo dia($planes[$i]['fecha'])." <font style='font-size:10px;'>".substr(mes($planes[$i]['fecha']),0,3)."</font>"; ?></div>
                                </div>
                            </div>
                    <?php
                    $i++;
                }
            }
            ?>
            <div style="clear:both"></div>
        </div>    
       
        <div style="width:100%;text-align:center;margin-bottom:220px;">
            <?php if (count($planes) > $resPorPagina) { ?>
                <ul class="pagination">
                    <?php if ($_GET['pagina'] == 1) { ?>
                        <li><a href="#">&laquo;</a></li>
                    <?php } else { ?>
                        <li><a href="proyectosParticipe.php?pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                    <?php } ?>

                    <?php for ($in = 0 ; $in < (count($planes)/$resPorPagina) ; $in++) { ?>
                        <?php if ($in+1 == $_GET['pagina']) { ?>
                            <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                        <?php } else { ?>
                            <li><a href="proyectosParticipe.php?pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                        <?php } ?>
                    <?php }?>
                            
                    <?php if ($_GET['pagina'] >= (count($planes)/$resPorPagina)) { ?>
                        <li><a href="#">&raquo;</a></li>
                    <?php } else { ?>
                        <li><a href="proyectosParticipe.php?pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                    <?php } ?>
                </ul>
            <?php } ?>
        </div>       
        <div style="clear: both"></div>
        </div>
        <?php include '../footer.php'; ?>
</body>
</html>